<template>
    <h1>条件渲染</h1>
    <div v-if="flag">v-if测试</div>
    <div v-else>v-else测试</div>

    <div v-if="type =='A'">A</div>
    <div v-else-if="type =='B'">B</div>
    <div v-else-if="type =='C'">C</div>
    <div v-else>D</div>

    <div v-show="flag">v-show测试</div>
</template>

<script>
export default{
    data(){
        return {
            flag:false,
            type:"C"
        }
    }
}
</script>